﻿<!DOCTYPE html>
<html>
<head>
    <title>快件e栈服务平台</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link href="css/normalize.css" type="text/css" rel="stylesheet"/>
    <link href="css/main.css" type="text/css" rel="stylesheet"/>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/notice.js" type="text/javascript"></script>
    <script src="js/common.js" type="text/javascript"></script>
</head>
<body>
<div class="content">
    <div class="top autoH">
        <div class="logo autoH">
            <img src="images/logo.png" width="100%">
        </div>
    </div>
    <div class="middle">
            <div class="forminput">
                <input type="text" id="expressNum" name="expressNum" placeholder="请输入快递单号...">
                <div class="submBtn"></div>
            </div>
    </div>
    <div class="funContdiv">
        <div class="funCont">
            <div class="userFun">
                <p class="funIcon userFunColor1"></p>
                <p class="funTxt">个人中心</p>
            </div>
            <div class="userFun">
                <p class="funIcon userFunColor2"></p>
                <p class="funTxt">懒人排行</p>
            </div>
            <div class="userFun">
                <p class="funIcon userFunColor3"></p>
                <p class="funTxt">取货二维码</p>
            </div>
            <div class="userFun">
                <p class="funIcon userFunColor4"></p>
                <p class="funTxt">我的快件</p>
            </div>
            <div class="userFun" id="assist">
                <p class="funIcon userFunColor5"></p>
                <p class="funTxt">快递助手</p>
            </div>
            <div class="userFun">
                <p class="funIcon userFunColor6"></p>
                <p class="funTxt">退出登录</p>
            </div>
        </div>
    </div>
    <div class="footer">
        <p class="copytxt">&copy;新职课版权所有</p>
    </div>
</div>
<script src="/admin/js/layer-v3.5.1/layer/layer.js"></script>
<script type="text/javascript">
    $(function () {
        var pageContextVal = $("#PageContext").val();
        $(".userFun").click(function () {
            var clickNum = $(this).index();
            switch (clickNum) {
                //个人中心
                case(0):
                    location.assign("wxUserhome.html");
                    break;
                case(1):
                    window.location.href = "lazyboard.html";
                    break;
                case(2):
                    window.location.href = "/code/personQRCode.do?type=phone";
                    break;
                case(3):
                    window.location.href = "expressList.html";
                    break;
                case(4):
                    window.location.href = "expressAssist.html";
                    break;
                case(5):
                    window.location.href = "/log/logout.do";
                    break;
            }
        });

        var initFunc = function () {
            var windowH = $(document).height();
            var windowW = $(document).width();
            const $content = $(".content");
            $content.css({"height": windowH + "px"});

            var contentW = $content.width();
            var contentH = $content.height();

            var contH = windowH / 3;
            $(".autoH").css({"height": contH + "px"});

            // userFunH  content
            var middleH = $(".middle").height() + 40;
            var userFunH = contentH - contH - middleH - 30 - 20; //footer,userfun(margin)
            $(".funContdiv").css({"height": userFunH + "px"});
            const $funIcon = $(".funIcon");
            var funIconH = $funIcon.width();
            $funIcon.css({
                "height": funIconH + "px",
                "line-height": funIconH + "px",
                "border-radius": funIconH / 2 + "px",
                "font-size": funIconH / 2 + "px"
            });

        };
        initFunc();
        $(window).resize(function () {
            initFunc();
        });
        const $middle = $(".middle .forminput input");
        // input focus
        $middle.focus(function () {
            $(".middle .forminput").css({
                "border": "1px solid rgba(31,114,255,.75)",
                "box-shadow": "0 0 8px rgba(31,114,255,.5)"
            });
        });
        // input blur
        $middle.blur(function () {
            $(".middle .forminput").css({"border": "1px solid #333333", "box-shadow": "none"});
        });
        //submit arrow
        $(".submBtn").click(function () {
            var expressNum = $("#expressNum").val();//快递单号
            var load = layer.load();
            $.getJSON("/express/getByNumber.do", {number: expressNum}, function (data) {
                layer.close(load);
                layer.msg(data.message);
                if (data.status === 0) {
                    layer.open({
                        type: 1,
                        title: '查询结果',
                        closeBtn: 0,
                        btn: ['确定'],
                        shadeClose: true,
                        content: '<table style="margin: 20px 30px 0 30px"><tr><td style="text-align: right">快递单号：</td><td style="padding-left: 10px">' + data.data.number + '</td></tr><tr><td style="text-align: right">快递公司：</td><td style="padding-left: 10px">' + data.data.company + '</td></tr><tr><td style="text-align: right">当前状态：</td><td style="padding-left: 10px">' + data.data.status + '</td></tr><tr><td style="text-align: right">收件人：</td><td style="padding-left: 10px">' + data.data.username + '</td></tr><tr><td style="text-align: right">收件人电话：</td><td style="padding-left: 10px">' + data.data.userphone + '</td></tr><tr><td style="text-align: right">录入人电话：</td><td style="padding-left: 10px">' + data.data.sysphone + '</td></tr><table>',
                        yes: function (index) {
                            layer.close(index);
                        }
                    });
                }
            });
        });


        $.getJSON("/wx/isCourier.do", null, function (data) {
            switch (data.status) {
                case 1:
                    $("#assist").show();
                    break;
                case -404:
                    layer.msg(data.message);
                    location.assign('/login.html');
            }
        })

    });
</script>
</body>
</html>